<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>有趣的下拉 | coolui-scroller</title>
    <meta name="description" content="coolui-scroller">
    <link rel="preload stylesheet" href="/coolui-scroller/v3/assets/style.d816fae0.css" as="style">
    <script type="module" src="/coolui-scroller/v3/assets/app.27c76f1f.js"></script>
    <link rel="preload" href="/coolui-scroller/v3/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
  <link rel="modulepreload" href="/coolui-scroller/v3/assets/chunks/framework.83b1ca13.js">
  <link rel="modulepreload" href="/coolui-scroller/v3/assets/chunks/theme.116832a4.js">
  <link rel="modulepreload" href="/coolui-scroller/v3/assets/case.md.7383adbe.lean.js">
  <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-7fa58a32><!--[--><!--]--><!--[--><span tabindex="-1" data-v-7dbfc926></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-7dbfc926> Skip to content </a><!--]--><!----><header class="VPNav" data-v-7fa58a32 data-v-09486122><div class="VPNavBar" data-v-09486122 data-v-37f27d9f><div class="container" data-v-37f27d9f><div class="title" data-v-37f27d9f><div class="VPNavBarTitle" data-v-37f27d9f data-v-d57cd31b><a class="title" href="/coolui-scroller/v3/" data-v-d57cd31b><!--[--><!--]--><!----><!--[-->coolui-scroller<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-37f27d9f><div class="curtain" data-v-37f27d9f></div><div class="content-body" data-v-37f27d9f><!--[--><!--]--><div class="VPNavBarSearch search" style="--vp-meta-key:&#39;Meta&#39;;" data-v-37f27d9f><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-37f27d9f data-v-d8b2b6ef><span id="main-nav-aria-label" class="visually-hidden" data-v-d8b2b6ef>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/coolui-scroller/v3/" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->首页<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/coolui-scroller/v3/guide.html" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->指南<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/coolui-scroller/v3/components/scroller.html" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->组件<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/coolui-scroller/v3/case.html" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->有趣的下拉<!--]--><!----></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-d8b2b6ef data-v-f898341c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f898341c><span class="text" data-v-f898341c><!----> v3.3.2 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-f898341c><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-f898341c><div class="VPMenu" data-v-f898341c data-v-73ef2b9e><div class="items" data-v-73ef2b9e><!--[--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-3-2" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.3.2<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-3-1" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.3.1<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-3-0" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.3.0<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-9" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.9<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-8" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.8<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-7" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.7<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-6" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.6<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-5" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.5<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-3" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.3<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-1-1" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.1.1<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-8" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.8<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-5" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.5<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-4" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.4<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-0" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.0<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="https://wzs28150.github.io/coolui-scroller/v2/" target="_blank" rel="noreferrer" data-v-1b2ab7cd data-v-4e09185a><!--[-->v2<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-4e09185a><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="https://github.com/wzs28150/coolui-scroller/tree/1.0" target="_blank" rel="noreferrer" data-v-1b2ab7cd data-v-4e09185a><!--[-->v1<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-4e09185a><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-37f27d9f data-v-889c7652><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-889c7652 data-v-9db5a073 data-v-2d0af780><span class="check" data-v-2d0af780><span class="icon" data-v-2d0af780><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-9db5a073><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-9db5a073><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-37f27d9f data-v-7f1fe793 data-v-66f2e800><!--[--><a class="VPSocialLink" href="https://github.com/wzs28150/coolui-scroller" aria-label="github" target="_blank" rel="noopener" data-v-66f2e800 data-v-3ad55776><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-37f27d9f data-v-0c1d4c9d data-v-f898341c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f898341c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-f898341c><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-f898341c><div class="VPMenu" data-v-f898341c data-v-73ef2b9e><!----><!--[--><!--[--><!----><div class="group" data-v-0c1d4c9d><div class="item appearance" data-v-0c1d4c9d><p class="label" data-v-0c1d4c9d>Appearance</p><div class="appearance-action" data-v-0c1d4c9d><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-0c1d4c9d data-v-9db5a073 data-v-2d0af780><span class="check" data-v-2d0af780><span class="icon" data-v-2d0af780><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-9db5a073><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-9db5a073><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-0c1d4c9d><div class="item social-links" data-v-0c1d4c9d><div class="VPSocialLinks social-links-list" data-v-0c1d4c9d data-v-66f2e800><!--[--><a class="VPSocialLink" href="https://github.com/wzs28150/coolui-scroller" aria-label="github" target="_blank" rel="noopener" data-v-66f2e800 data-v-3ad55776><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-37f27d9f data-v-eb7f3311><span class="container" data-v-eb7f3311><span class="top" data-v-eb7f3311></span><span class="middle" data-v-eb7f3311></span><span class="bottom" data-v-eb7f3311></span></span></button></div></div></div></div><!----></header><div class="VPLocalNav" data-v-7fa58a32 data-v-77d4a075><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-77d4a075 data-v-5c5dc09c><button data-v-5c5dc09c>Return to top</button><!----></div></div><!----><div class="VPContent" id="VPContent" data-v-7fa58a32 data-v-34417f2f><div class="VPDoc has-aside" data-v-34417f2f data-v-71b4f991><!--[--><!--]--><div class="container" data-v-71b4f991><div class="aside" data-v-71b4f991><div class="aside-curtain" data-v-71b4f991></div><div class="aside-container" data-v-71b4f991><div class="aside-content" data-v-71b4f991><div class="VPDocAside" data-v-71b4f991 data-v-3f57e682><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" data-v-3f57e682 data-v-ac9466b6><div class="content" data-v-ac9466b6><div class="outline-marker" data-v-ac9466b6></div><div class="outline-title" data-v-ac9466b6>快速跳转</div><nav aria-labelledby="doc-outline-aria-label" data-v-ac9466b6><span class="visually-hidden" id="doc-outline-aria-label" data-v-ac9466b6> Table of Contents for current page </span><ul class="root" data-v-ac9466b6 data-v-e87b0a3f><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-3f57e682></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-71b4f991><div class="content-container" data-v-71b4f991><!--[--><!--]--><!----><main class="main" data-v-71b4f991><div style="position:relative;" class="vp-doc _coolui-scroller_v3_case" data-v-71b4f991><div><h1 id="有趣的下拉" tabindex="-1">有趣的下拉 <a class="header-anchor" href="#有趣的下拉" aria-label="Permalink to &quot;有趣的下拉&quot;">​</a></h1><h2 id="魔性吃面" tabindex="-1">魔性吃面 <a class="header-anchor" href="#魔性吃面" aria-label="Permalink to &quot;魔性吃面&quot;">​</a></h2><p><a href="https://github.com/wzs28150/coolui-scroller/tree/demo/miniprogram_dev/pages/demo/noodles" target="_blank" rel="noreferrer">代码</a></p><table><thead><tr><th>效果</th><th>扫码查看</th></tr></thead><tbody><tr><td><img src="https://test.wzs.pub/pic/food_pic.gif" height="200"></td><td><img src="/coolui-scroller/v3/images/mxcm.png" width="200"></td></tr></tbody></table><h2 id="飞上云霄" tabindex="-1">飞上云霄 <a class="header-anchor" href="#飞上云霄" aria-label="Permalink to &quot;飞上云霄&quot;">​</a></h2><p><a href="https://github.com/wzs28150/coolui-scroller/tree/demo/miniprogram_dev/pages/demo/fly" target="_blank" rel="noreferrer">代码</a></p><table><thead><tr><th>效果</th><th>扫码查看</th></tr></thead><tbody><tr><td><img src="https://test.wzs.pub/pic/fly_pic1.gif" height="200"></td><td><img src="/coolui-scroller/v3/images/fsyx.png" width="200"></td></tr></tbody></table><h2 id="圣诞主题" tabindex="-1">圣诞主题 <a class="header-anchor" href="#圣诞主题" aria-label="Permalink to &quot;圣诞主题&quot;">​</a></h2><p><a href="https://github.com/wzs28150/coolui-scroller/tree/demo/miniprogram_dev/pages/demo/christmas" target="_blank" rel="noreferrer">代码</a></p><table><thead><tr><th>效果</th><th>扫码查看</th></tr></thead><tbody><tr><td><img src="https://test.wzs.pub/pic/christmas/merrychristmas.gif" height="200"></td><td><img src="/coolui-scroller/v3/images/sdlrerw.png" width="200"></td></tr></tbody></table><h2 id="浩瀚宇宙" tabindex="-1">浩瀚宇宙 <a class="header-anchor" href="#浩瀚宇宙" aria-label="Permalink to &quot;浩瀚宇宙&quot;">​</a></h2><p><a href="https://github.com/wzs28150/coolui-scroller/tree/demo/miniprogram_dev/pages/demo/universe" target="_blank" rel="noreferrer">代码</a></p><table><thead><tr><th>效果</th><th>扫码查看</th></tr></thead><tbody><tr><td><img src="https://test.wzs.pub/pic/universe/earth.gif" height="200"></td><td><img src="/coolui-scroller/v3/images/universe.png" width="200"></td></tr></tbody></table><h2 id="冰墩墩" tabindex="-1">冰墩墩 <a class="header-anchor" href="#冰墩墩" aria-label="Permalink to &quot;冰墩墩&quot;">​</a></h2><p><a href="https://github.com/wzs28150/coolui-scroller/tree/demo/miniprogram_dev/pages/demo/bingdwendwen" target="_blank" rel="noreferrer">代码</a></p><table><thead><tr><th>效果</th><th>扫码查看</th></tr></thead><tbody><tr><td><img src="https://test.wzs.pub/pic/bing/bing.jpg" height="200"></td><td><img src="/coolui-scroller/v3/images/bing.png" width="200"></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-71b4f991 data-v-2e959a26><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"components_empty.md\":\"156c8c7f\",\"version.md\":\"c3998269\",\"components_navpannel.md\":\"39544581\",\"api-examples.md\":\"d075f7b8\",\"components_scroller.md\":\"22ba7117\",\"components_loadmore.md\":\"2512aae8\",\"markdown-examples.md\":\"ccebdb51\",\"components_floor.md\":\"2e561e99\",\"components_sort.md\":\"d5ee5b42\",\"case.md\":\"7383adbe\",\"components_parallax.md\":\"f1430f5e\",\"components_page.md\":\"99f7263e\",\"components_search.md\":\"425153be\",\"components_handtip.md\":\"0bf3638e\",\"guide.md\":\"942c1baf\",\"components_item.md\":\"a92b4398\",\"index.md\":\"2b34af29\",\"components_nav.md\":\"0c2aa849\",\"components_refresh.md\":\"6830cfa7\"}")
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"coolui-scroller\",\"description\":\"coolui-scroller\",\"base\":\"/coolui-scroller/v3/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"指南\",\"link\":\"/guide\"},{\"text\":\"组件\",\"link\":\"/components/scroller.md\"},{\"text\":\"有趣的下拉\",\"link\":\"/case\"},{\"text\":\"v3.3.2\",\"items\":[{\"text\":\"v3.3.2\",\"link\":\"/version.md#v3-3-2\"},{\"text\":\"v3.3.1\",\"link\":\"/version.md#v3-3-1\"},{\"text\":\"v3.3.0\",\"link\":\"/version.md#v3-3-0\"},{\"text\":\"v3.2.9\",\"link\":\"/version.md#v3-2-9\"},{\"text\":\"v3.2.8\",\"link\":\"/version.md#v3-2-8\"},{\"text\":\"v3.2.7\",\"link\":\"/version.md#v3-2-7\"},{\"text\":\"v3.2.6\",\"link\":\"/version.md#v3-2-6\"},{\"text\":\"v3.2.5\",\"link\":\"/version.md#v3-2-5\"},{\"text\":\"v3.2.3\",\"link\":\"/version.md#v3-2-3\"},{\"text\":\"v3.1.1\",\"link\":\"/version.md#v3-1-1\"},{\"text\":\"v3.0.8\",\"link\":\"/version.md#v3-0-8\"},{\"text\":\"v3.0.5\",\"link\":\"/version.md#v3-0-5\"},{\"text\":\"v3.0.4\",\"link\":\"/version.md#v3-0-4\"},{\"text\":\"v3.0.0\",\"link\":\"/version.md#v3-0-0\"},{\"text\":\"v2\",\"link\":\"https://wzs28150.github.io/coolui-scroller/v2/\"},{\"text\":\"v1\",\"link\":\"https://github.com/wzs28150/coolui-scroller/tree/1.0\"}]}],\"sidebar\":{\"/guide/\":[],\"/components/\":[{\"text\":\"Scroller 滚动组件\",\"link\":\"/components/scroller.md\"},{\"text\":\"Item 列表项组件\",\"link\":\"/components/item.md\"},{\"text\":\"Page 长列表分页组件\",\"link\":\"/components/page.md\"},{\"text\":\"Empty 空列表组件\",\"link\":\"/components/empty.md\"},{\"text\":\"Handtip 手势提示组件\",\"link\":\"/components/handtip.md\"},{\"text\":\"Loadmore 加载更多组件\",\"link\":\"/components/loadmore.md\"},{\"text\":\"Refresh 下拉刷新组件\",\"link\":\"/components/refresh.md\"},{\"text\":\"Parallax 下拉视差组件\",\"link\":\"/components/parallax.md\"},{\"text\":\"Nav 分类导航组件\",\"link\":\"/components/nav.md\"},{\"text\":\"Nav Pannel 切换组件\",\"link\":\"/components/navPannel.md\"},{\"text\":\"Search 搜索组件\",\"link\":\"/components/search.md\"},{\"text\":\"Sort 排序及分类筛选组件\",\"link\":\"/components/sort.md\"},{\"text\":\"Floor 下拉二楼组件\",\"link\":\"/components/floor.md\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/wzs28150/coolui-scroller\"}],\"outlineTitle\":\"快速跳转\",\"outline\":2},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
    
  </body>
</html>